<!-- 新闻页 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <title>《原神》</title>
    <link rel="stylesheet" href="../style/common.css">
    <link rel="stylesheet" href="../style/news.css">
</head>
<body>
    <div class="header">
        <div class="top">
            <img id="audio_c" src="../images/audio-on.png" alt="" width="30px"
                style=" vertical-align: top; transform: translateY(25px); cursor: pointer;z-index: 500;">
            <a href="../index.html" class="logo"></a>
            <div class="top_nav"><a href="../index.html">首页</a><a class="active" href="news.html">新闻</a><a href="character.html">角色</a><a href="world.html">世界</a><a
                    href="cartoon.html">漫画</a><a href="video.html">视频</a>
            </div>
        </div>
        <div class="banner">
            <ul class="item_box">
                <li class="banner_item"><a href="news_1.html"><div class="img_box"><img src="../images/ul2_li3.jpg" alt=""></div>派蒙生日快乐｜原来在生日这天，许下的愿望真的会实现！</a></li>
                <li class="banner_item"><a href="news_2.html"><div class="img_box"><img src="../images/gk.jpg" alt=""></div>端午安康｜旅行者，节日快乐！</a></li>
                <li class="banner_item"><a href="news_3.html"><div class="img_box"><img src="../images/haidao.jpg" alt=""></div>《原神》「盛夏！海岛？大冒险！」小贴士003期</a></li>
            </ul>
        </div>
    </div>
    <div class="container">
        <div class="container_btn">
            <button class="btn_active">最新</button>
            <button>新闻</button>
            <button>公告</button>
            <button>活动</button>
        </div>
        <div class="content">
            <ul class="active">
                <li><a href="news_4.html"><img src="../images/ul2_li1.jpg" alt="" width="300px" height="150px">
                    <span>原神同人周边大陆地区正式指引V1.0</span>
                </a>
                </li>
                <li><a href=""><img src="../images/ul1_li2.jpg" alt="" width="300px" height="150px">
                    <span>《原神》「剑光如我 斩尽芜杂」刻晴·霆霓快雨主题机械键盘即将贩售</span>
                </a>
                </li>
                <li><a href=""><img src="../images/ul1_li3.png" alt="" width="300px" height="150px">
                    <span>《原神》「精通移涌」活动即将开启</span>
                </a>
                </li>
                <li><a href=""><img src="../images/ul1_li4.jpg" alt="" width="300px" height="150px">
                    <span>《原神》1.6版本「盛夏！海岛？大冒险！」特别节目——蒙德茶会SP</span>
                </a>
                </li>
                <li><a href=""><img src="../images/zhongli.png" alt="" width="300px" height="150px">
                    <span>《原神》1.6版本「盛夏！海岛？大冒险！」特别节目——蒙德茶会SP 回顾长图</span>
                </a>
                </li>
                <li><img src="../images/zhongli.png" alt="" width="300px" height="150px">
                    <span>《原神》1.6版本PV：「盛夏！海岛？大冒险！」</span>
                </li>
                <li><img src="../images/zhongli.png" alt="" width="300px" height="150px">
                    <span>《原神》「风行迷踪」趣味视频征集活动结果揭晓</span>
                </li>
            </ul>
            <ul>
                <li><a href="news_5.html"><img src="../images/ul2_li1.jpg" alt="" width="300px" height="150px">
                    <span>原神同人周边大陆地区正式指引V1.0</span>
                </a>
                </li>
                <li><img src="../images/ul2_li2.jpg" alt="" width="300px" height="150px">
                    <span>《原神》1.6版本「尘歌壶」系统更新速递：「入驻」玩法</span>
                </li>
                <li><img src="../images/ul2_li3.jpg" alt="" width="300px" height="150px">
                    <span>提瓦特美食札记 | “派蒙的生日到啦！ ”——派蒙生日快乐！</span>
                </li>
                <li><img src="../images/ul2_li4.jpg" alt="" width="300px" height="150px">
                    <span>派蒙生日快乐｜原来在生日这天，许下的愿望真的会实现！</span>
                </li>
                <li><img src="../images/ul2_li5.jpg" alt="" width="300px" height="150px">
                    <span>《原神》「周边上新」好物贩售</span>
                </li>
            </ul>
            <ul>
                <li><a href="news_6.html"><img src="../images/ul3_li1.png" alt="" width="300px" height="150px">
                    <span>《原神》祈愿概率公示</span>
                </a>
                </li>
                <li><img src="../images/ul3_li2.jpg" alt="" width="300px" height="150px">
                    <span>《原神》「玉扉绕尘歌」1.5版本更新通知</span>
                </li>
                <li><img src="../images/ul3_li3.jpg" alt="" width="300px" height="150px">
                    <span>《原神》「风花的邀约」游戏拍照征集活动 现已开启</span>
                </li>
                <li><img src="../images/ul3_li4.png" alt="" width="300px" height="150px">
                    <span>《原神》「风花的邀约」1.4版本更新说明</span>
                </li>
                <li><img src="../images/ul3_li5.jpg" alt="" width="300px" height="150px">
                    <span>《原神》预下载功能现已开启</span>
                </li>
                <li><img src="../images/ul3_li6.png" alt="" width="300px" height="150px">
                    <span>《原神》「风花的邀约」1.4版本更新通知</span>
                </li>
            </ul>
            <ul>
                <li><a href="news_7.html"><img src="../images/ul4_li1.jpg" alt="" width="300px" height="150px">
                    <span>「岩港奇珍行记」网页活动说明</span>
                </a>
                </li>
                <li><img src="../images/ul4_li2.jpg" alt="" width="300px" height="150px">
                    <span>《原神》月夕祝颂-万份空月祝福相赠</span>
                </li>
                <li><img src="../images/ul4_li3.jpg" alt="" width="300px" height="150px">
                    <span>“在尘世的相逢”抖音《原神》公测主播招募</span>
                </li>
                <li><img src="../images/ul4_li3.jpg" alt="" width="300px" height="150px">
                    <span>“在尘世的相逢”快手直播《原神》主播招募活动开启</span>
                </li>
                <li><img src="../images/ul4_li3.jpg" alt="" width="300px" height="150px">
                    <span>“在尘世的相逢”斗鱼直播《原神》主播招募活动开启</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer_box">
            <span class="img_box">
                <img src="../images/mihoyo.json" alt="" height="50px">
                <img src="../images/logo.png" alt="" height="50px">
            </span>
            <pre>
            健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。
            沪公网安备31010402001113号|增值电信业务经营许可证：沪B2-20190555
            沪ICP备19018275号-4 | 沪网文〔2019〕3168-216号 | 国新出审【2019】2978号
            互联网违法不良信息举报邮箱: tousu@mihoyo.com 互联网违法不良信息举报电话: 021-34203135 （工作时间：每天10点 - 20点）
            亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
            © 2020 米哈游版权所有</pre>
        </div>
    </div>
    <audio id="audio" autoplay="autoplay" preload="preload" loop="loop" src="../audio/music.flac">您的浏览器不支持 audio 标签。</audio>
    <script src="../javascript/audio.js"></script>
    <script src="../javascript/news.js"></script>
</body>
</html>